{% extends '../layout.html'%}

{% block content %}
<body>
<header class="main-header flex-wrap">
    <a href="javascript:history.go(-1)" class="back-btn left">
        <img src="img/back_icon.png" width="10" height="17" alt="">
    </a>
    <div class="flex-1">个人中心</div>
    <a href="javascript:;" class="right">
        <img src="img/setting_icon.png" width="17" height="17" alt="">
    </a>
</header>

<div class="info-wrap text-center">
    <img class="head-img" src="{{uri}}{{HeadPhoto}}" width="52" height="52"  alt="">
    <p class="phone">{{Mobile}}</p>
    <p>余额:{{Money}} &nbsp;&nbsp;夺宝豆:{{Score}}</p>
</div>

<ul class="info-list-of-items">
    <li >
        <a href="" class="flex-wrap">
            <div class="text-center img-wrap">
                <img src="img/info_icon_1.png" alt="" width="20" height="20">
            </div>
            <div class="flex-1">我要充值</div>
            <img src="img/info_icon_1_1.png" width="16" height="18" alt="">
        </a>
    </li>
    <li>
        <a href="" class="flex-wrap">
            <div class="text-center img-wrap">
                <img src="img/info_icon_2.png" alt="" width="17" height="18">
            </div>
            <div class="flex-1">夺宝记录</div>
            <em class="right-arrow"></em>
        </a>
    </li>
    <li>
        <a href="" class="flex-wrap">
            <div class="text-center img-wrap">
                <img src="img/info_icon_3.png" alt="" width="19">
            </div>
            <div class="flex-1">中奖记录</div>
            <em class="right-arrow"></em>
        </a>
    </li>
    <li>
        <a href="" class="flex-wrap">
            <div class="text-center img-wrap">
                <img src="img/info_icon_4.png" alt="" width="18">
            </div>
            <div class="flex-1">我的晒单</div>
            <em class="right-arrow"></em>
        </a>
    </li>
    <li>
        <a href="" class="flex-wrap">
            <div class="text-center img-wrap">
                <img src="img/info_icon_5.png" alt="" width="21">
            </div>
            <div class="flex-1">常见问题</div>
            <em class="right-arrow"></em>
        </a>
    </li>
    <li>
        <a href="" class="flex-wrap">
            <div class="text-center img-wrap">
                <img src="img/info_icon_6.png" alt="" width="20">
            </div>
            <div class="flex-1">消息中心</div>
            <em class="right-arrow"></em>
        </a>
    </li>
    <li>
        <a href="" class="flex-wrap">
            <div class="text-center img-wrap">
                <img src="img/info_icon_7.png" alt="" width="17">
            </div>
            <div class="flex-1">收货地址</div>
            <em class="right-arrow"></em>
        </a>
    </li>

</ul>

{% include '../script.html'%}
</body>

{% endblock %}